<!--
 * @Description: 课程表
 * @Author: rendc
 * @Date: 2025-04-25 09:06:33
 * @LastEditors: rendc
 * @LastEditTime: 2025-04-25 10:28:53
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <title>课程表</title>
</head>
<style>
  /* 【未完成】处理表格边框颜色 */
  /* 【未完成】处理表格中文字颜色 */
  /* 【未完成】处理表格中边框颜色 */
  /* 【未完成】处理表格中边框线型 */
  table{
    text-align: center;
    color: #171C1D;
  }
  table{
    border: 1.5px solid #DADCDD;
  }
  td{
    color: white;
    border-bottom: 1.5px dashed #DADCDD;
    /* border-right: 1.5px dashed #DADCDD; */
    vertical-align: top;
    border-radius: 6px;
    font-size: 20px;
  }
  /* 类选择器，选中同类元素 */
  .weekTr{
    background-color: #ECF6F6;
  }
  .leftTd{
    width: 58px;
    height: 61px;
    vertical-align: middle;
    border-radius: 0;
    background-color: #ECF6F6;
  }
  .numberText{
    color: #8D9394;
    /* font-size: 16px; */
  }
  .timeText{
    color: #585D5E;
    font-weight: bold;
  }
  .weekTdLeft,.weekTd{
    border-radius: 0;
    border-top: 1px solid #DADCDD;
    border-bottom: 1px solid #DADCDD;
  }
  .weekTdLeft{
  }
  .weekTd{
    color: #171C1D;
    width: 245px;
    height: 33px;
    vertical-align: middle;
    /* background-color: #ECF6F6; */
  }
  .selected{
    color: #149ED0;
  }
</style>
<body>
  <!-- 课程表 -->
  <table cellspacing="0px" >
    <tbody>
      <!-- 第一行 周一 - 周五 -->
      <!-- tr>td*6 -->
      <tr class="weekTr">
        <td class="weekTdLeft">
          <!-- 序号 -->
        </td>
        <!-- <td style="width: 245px;">周一</td>
        <td style="width: 245px;color: #0098C3;">周二</td>
        <td style="width: 245px;">周三</td>
        <td style="width: 245px;">周四</td>
        <td style="width: 245px;">周五</td> -->
        <td class="weekTd">周一</td>
        <td class="weekTd selected">周二</td>
        <td class="weekTd">周三</td>
        <td class="weekTd">周四</td>
        <td class="weekTd">周五</td>
      </tr>
      <!-- 第二行 第一节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">1</span>
          <br>
          <span class="timeText">8:30</span>
        </td>
        <td rowspan="2" style="background-color: #FF3D5A;">大学英语(IV)@10203</td>
        <td></td>
        <td rowspan="2" style="background-color: #00A0E0;">大学体育(IV)</td>
        <td></td>
        <td></td>
      </tr>
      <!-- 第三行 第二节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">2</span>
          <br>
          <span class="timeText">9:30</span>
        </td>
        <!-- <td>大学英语</td> -->
        <td></td>
        <!-- <td>大学体育(IV)</td> -->
        <td></td>
        <td></td>
      </tr>
      <!-- 第四行 第三节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">3</span>
          <br>
          <span class="timeText">10:30</span>
        </td>
        <td></td>
        <td rowspan="2" style="background-color: #FFCA5B;">信号与系统@11302</td>
        <td rowspan="2" style="background-color: #00DA90;">形势与政策</td>
        <td></td>
        <td rowspan="2" style="background-color: #00D0E3;">数据结构与算法分析</td>
      </tr>
      <!-- 第五行 第四节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">4</span>
          <br>
          <span class="timeText">11:30</span>
        </td>
        <td></td>
        <!-- <td>信号与系统@11302</td> -->
        <!-- <td>形势与政策</td> -->
        <td></td>
        <!-- <td>数据结构与算法分析</td> -->
      </tr>
      <!-- 第六行 第五节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">5</span>
          <br>
          <span class="timeText">12:30</span>
        </td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(88,218,157);">模拟电子技术基础@16204</td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(62,85,178);">电装实习@11301</td>
        <td></td>
      </tr>
      <!-- 第七行 第六节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">6</span>
          <br>
          <span class="timeText">14:30</span>
        </td>
        <td></td>
        <!-- <td rowspan="2" style="background-color: rgb(88,218,157);">模拟电子技术基础@16204</td> -->
        <td></td>
        <!-- <td rowspan="2" style="background-color: rgb(62,85,178);">电装实习@11301</td> -->
        <td></td>
      </tr>
      <!-- 第八行 第七节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">7</span>
          <br>
          <span class="timeText">15:30</span>
        </td>
        <td rowspan="2" style="background-color: rgb(240,209,84);" class="course">毛概@14208</td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(81,219,195);" class="course">电路、信号与系统实验</td>
        <td></td>
        <td></td>
      </tr>
      <!-- 第九行 第八节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">8</span>
          <br>
          <span class="timeText">16:30</span>
        </td>
        <!-- <td rowspan="2" style="background-color: rgb(240,209,84);" class="course">毛概@14208</td> -->
        <td></td>
        <!-- <td rowspan="2" style="background-color: rgb(81,219,195);" class="course">电路、信号与系统实验</td> -->
        <td></td>
        <td></td>
      </tr>
      <!-- 第十行 第九节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">9</span>
          <br>
          <span class="timeText">17:30</span>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(100,64,181);" class="course">信号与系统</td>
      </tr>
      <!-- 第十一行 第十节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">10</span>
          <br>
          <span class="timeText">18:30</span>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <td rowspan="2" style="background-color: rgb(241,218,86);" class="course">大学体育</td>
        <!-- <td rowspan="2" style="background-color: rgb(100,64,181);" class="course">信号与系统</td> -->
      </tr>
      <!-- 第十二行 第十一节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">11</span>
          <br>
          <span class="timeText">19:30</span>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <!-- <td rowspan="2" style="background-color: rgb(241,218,86);" class="course">大学体育</td> -->
        <td></td>
      </tr>
      <!-- 第十三行 第十二节课 -->
      <tr>
        <td class="leftTd">
          <span class="numberText">12</span>
          <br>
          <span class="timeText">20:30</span>
        </td>
        <td style="background-color: rgb(120,192,204);" class="course">选修</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </tbody>
  </table>
</body>
</html>
